<script>
import { mapState } from 'vuex';

export default {
  data() {
    return {
      links: [
        {
          avatar:
            'http://10.100.65.223/open_proj/proj_qcloud_v2/tc-console/discuz/templet/css/index/img/wechat/1.png',
          link: '',
          name: '扫码关注微信公众号',
        },
        {
          avatar:
            'http://10.100.65.223/open_proj/proj_qcloud_v2/tc-console/discuz/templet/css/index/img/wechat/1.png',
          link: '',
          name: '扫码加入官方微信群',
        },
      ],
    };
  },
  computed: {
    ...mapState({
      focusUs: (state) => state.config.focusUs || [],
    }),
  },
};
</script>

<template>
  <div v-if="focusUs.length" class="dzq-index-section dzq-index-section--lightbg">
    <div class="dzq-index-section__hd">
      <h2 class="dzq-index-section__title"><span>关注我们</span></h2>
    </div>
    <div class="dzq-index-section__bd">
      <div class="dzq-layout_section-wechat">
        <div v-for="(item, index) in focusUs" :key="index" class="dzq-layout_section-wechat-itme">
          <img :src="item.img" />
          <p>{{ item.text }}</p>
        </div>
      </div>
    </div>
  </div>
</template>
